/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      记录      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Monitor .MyRecord {
  position: absolute;
  top: 15vh;
  right: 2vw;
  width: 15vw;
  height: 66vh;
  box-sizing: border-box;
  background: url("~@screen/assets/img/panel.png");
  background-size: 100% 100%;

  /* ============================== 标题 ============================== */
  &-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 4.8vh;
    padding: 0 1vw;

    img {
      height: 1vw;
      margin-right: 0.5vw;
      vertical-align: middle;
    }

    .el-button {
      height: 4.8vh;
      line-height: 4.8vh;
      padding: 0;
      font-size: 0.16rem;
    }
  }

  /* ============================== 列表 ============================== */
  &-list {
    height: calc(100% - 4.8vh);

    > div {
      display: flex;
      align-items: center;
      height: 20%;
      padding: 0 1vw;
      box-sizing: border-box;

      &:nth-child(even) {
        background: rgba(5, 47, 95, 0.3);
      }
    }

    /* —————————————————————————————— 图片 —————————————————————————————— */
    .el-image {
      width: 9vh;
      height: 9vh;
      margin-right: 1vw;

      > img {
        height: 100%;
      }
    }

    /* —————————————————————————————— 文字 —————————————————————————————— */
    &-data {
      flex: 1;
      position: relative;
      height: 9vh;
      line-height: 2.5vh;

      /* ------------------------------ 时间 ------------------------------ */
      > div:last-child {
        position: absolute;
        bottom: 0;
        color: #aaa;
      }
    }
  }
}
